﻿body
{
    color: #666;
    font:  12px Arial, Tahoma, Verdana;
    background: #f2f2f2; 
    line-height: 18px;
}


a
{
    color: #1F6BB8;
}


a:hover
{
    color: #06f;
    text-decoration: underline
}

.wrapper
{
    margin: 0 auto;
    width: 100%;
    display: block;
}

.i-wrapper
{
    margin: 0 auto;
    width: 990px;
    position: relative;
    display: block
}


.column-left
{
    width: 723px;
    float: left;
    position: relative;
    background: url("skins/body_b.png") repeat-y top right;
}


.column-right
{
    width: 267px;
    float: right;
    position: relative;
}



/* Center */
.c-wrapper
{
    padding: 0 10px 0 10px;
    width: 100%;
    margin: 0 auto;    
}

#logo
{
    cursor: pointer;
    height: 120px;
    width: 300px;
    background: url("skins/logo.png") no-repeat left center;
}


.nav-top .jewelCount
{
    -moz-border-radius: 2px 2px 2px 2px;
    background-color: #00376A;
    color: #FFFFFF;
    display: none;
    font-size: 9px;
    font-weight: bold;
    padding-bottom: 1px;
    position: absolute;
    right: -1px;
    top: -1px;
    z-index: 101;
}

.header
{
    background: #fff url("skins/shadow.png") repeat-x;
    height: 120px;
}


.button
{
    padding: 2px 10px 5px 10px;
    height: 28px;
    line-height: 28px;
    border: 1px solid #ccc;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -khtml-border-radius: 3px;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    text-shadow: 0 1px 0 #ffffff, 0 2px 4px #aaaaaa;
}



.button:hover, .button:focus, .button-over

{
    border-color: #808E9B;
    outline: 0;
    -moz-box-shadow: 0 0 3px #999;
    -webkit-box-shadow: 0 0 3px #999;
    -khtml-box-shadow: 0 0 3px #999;
    box-shadow: 0 0 3px #999;
    background-color: #fff;
    outline: 0;
    outline-style: none;
}




.input, select, input[type='text'], input[type='password'], textarea
{
    border: solid 1px #b6bfc6;
    background-color: #fff;
    padding: 3px 4px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    border-radius: 3px;
    margin-right: 5px;
    color: #999;
    outline: 0;
}


.input-focus, .input:hover, .input:focus, select:hover, select:focus, input[type='password']:focus, textarea:focus
{
    border: solid 1px #808E9B;
    -moz-box-shadow: 0 0 3px #999;
    -webkit-box-shadow: 0 0 3px #999;
    box-shadow: 0 0 3px #999;
    -khtml-box-shadow: 0 0 3px #999; /*background-color: #f9f9f9;*/
    color: #333;
}


input.error, select.error, textarea.error
{
    border-color: #f60;
}


.message-box
{
    border: 1px solid #cd0a0a;
    background-color: #fef1ec;
    color: #cd0a0a;
    padding: 10px;
    position: relative;
}

.nav-menu
{
    list-style-type: none;
    height: 36px;
    position: relative;
    background: #1F6BB8;
    border-bottom: 3px solid #fff
}



.nav-menu li
{
    float: left;
    white-space: nowrap;
    display: block;
    background: url("skins/nav_menu_b.png") no-repeat;
    position: relative;
    padding-top: 1px;
    height: 35px;
    line-height: 35px;
    list-style: none;
    list-style-type: none;
}

.nav-menu li a
{
    padding: 0 25px 0 25px;
    text-align: center;
    display: block;
    height: 35px;
    line-height: 32px;
    color: #fff;
    font-size: 14px;
    position: relative;
    text-shadow: 0.1em 0.1em #000;
}



.nav-menu li a:hover, .nav-menu .actived a
{
    background-color: #fafbfc;
    color: #8c3d98;
    text-decoration: none;
    text-shadow: 0.1em 0.1em #fff; /*background-position:50% -30px;*/
    background: #fafbfc url("skins/nav_menu_b.png") no-repeat;
}



.nav-menu li:first-child a
{
    background: url("skins/home.png") no-repeat top center;
}


.nav-menu li.actived:first-child a, .nav-menu li:first-child a:hover
{
    background-position: 50% -30px;
    background-color: #fafbfc;
}



.nav, .scroller
{
    border: solid 1px #CE98D6;
    padding: 5px;
    background: #fff;
    position: relative
    
}
.nav-arrow
{
    font-family: Verdana;
    font-weight: bold;
}



/*
.nav-top
{
    padding: 5px 0;    
}

.nav-top
{
    height: 26px;
    border-bottom: solid 1px #BDD5F5;
    padding-left: 10px;
    padding-right:10px;
    line-height:26px;
}

.send-link
{
  
    background-color:#D63E7C;
    color:#fff;
    padding:2px 5px 3px 5px;  
    margin-top:2px;
   -moz-border-radius: 3px;
    -webkit-border-radius: 3px;      
    line-height:16px;
}

.send-link a
{
    color:#fff;
     
}

*/

.widget
{
    border: 1px solid #bbb;
    background: #fff    
}


.widget-inner
{

    border: 1px solid #fff;
    padding: 10px;
        
}


.blog-item {
	background:url(skins/break_line.png) bottom left no-repeat;
    padding: 5px 8px 8px 10px;
    margin: 8px auto;
}

.blog-item  h1 {
	font-weight:normal;
	background:none;
	padding:0;
	line-height:100%;
}

.blog-item  .meta {
	position:relative;
	padding:2px 40px 20px 70px;
	margin-bottom:10px;
}

.blog-item  .meta .date {
	position:absolute;
	top:0px;
	left:-18px;
	height:35px;
    line-height: 25px;
	width:76px;
	background:url(skins/date_b.png) 0 0 no-repeat;
	color:#FFF;	
	text-align:center;
	font-size:18px;
	text-transform:uppercase;
}

.blog-item  .meta .date span {
	font-weight:bold;
	font-size:19px;
}

.blog-item  .meta .comments {
	position:absolute;
	right:0;
	top:5px;
	width:38px;
	height:34px;
	background:url(images/bk_comments_no.png) 0 0 no-repeat;
	line-height:25px;
	font-size:14px;
	font-weight:bold;
	text-align:center;
}

.blog-item  .meta .comments a {
	color:#fff;
}

.blog-item  .meta p{
	font-size:11px;
	color:#666666;
	margin:10px 0 0;
}

.blog-item  .meta p img {
	vertical-align:middle;
}

.more-link {
	color:#C32400;
	font-weight:bold;
	
}


.w-head
{
    display:block;
	background:url("skins/head_b.png") no-repeat;
	width:275px;
    position: absolute;
    left: 0;       
	height:36px;
	line-height:32px;
	padding-left:15px;
	text-transform:uppercase;
	color:#DBEDF9;
	text-shadow:#00659F 1px 1px;
	font-size:12px;
	font-weight:normal;    
}

.nav-bottom a
{
    padding-left: 25px;
    padding-right: 25px;
    line-height: 30px;
    height: 30px;
    color: #333;
    font-weight: bold;
    background: url("skins/nav_space.png") no-repeat bottom left;
}

.field
{
    margin: 3px 0;
    padding: 3px 3px 3px 10px;
}

.search-panel
{
    margin-top: 40px;
}

.search-panel .search
{
    background: url("skins/search.png") no-repeat;
    height: 42px;
    margin: 0;
    padding: 0;
    border-style: none;
    line-height: 42px;
    outline-style: none;
    float: left
}

.search-panel .search:hover
{
    border-style: none;
}

.search-panel .left
{
    width: 470px;
    background-position: top left;
    padding-left: 10px;
    color: #999;
    
}

.search-panel .right
{
    background-position: 0 -42px;
    color: #fff;
    font-size: 16px;
    vertical-align: middle;
    text-align: center;    
    width: 115px;
    font-weight: bold;
    
}
.search-panel .right:hover
{
    background-position: -150px -42px;
    outline-style: none
}

.search-panel input:focus
{
    outline-style: none;
}

.subscribe-box
{
    background: url("skins/subscribe.png") no-repeat left center;
    border: solid 1px #9844A4;
    text-align: center;
}

.send-post-box
{
    background: #f6f6f6 url("skins/mail_write.png") no-repeat 5px center;
    border: solid 1px #ccc;
    text-align: justify;
    padding: 5px 5px 5px 55px;
}

.paging
{
    list-style-type: none;
    position: absolute;
    right: 0;
    margin-top: 10px;
}

.paging li
{
    padding: 0;
    float: left;
    border: 1px solid #CE98D6;
    text-align: center;
    margin-left: 3px;
    height: 22px;
    width: 22px;
    font-weight: bold;
    line-height: 22px;
    cursor: pointer;
    white-space: nowrap;
    background: url("skins/icon_24.gif") no-repeat -200px 0;
}

.paging a
{
    color: #853991;
}

.paging a:hover
{
    text-decoration: none;
}

.paging .first
{
    background-position: 50% -422px;
}


.paging .prev
{
    background-position: 50% -448px;
}

.paging .next
{
    background-position: 50% -474px;
}

.paging .last
{
    background-position: 50% -500px;
}

.paging .actived
{
    border: 1px solid #f60;
    background: #fff;
}

.paging .actived a
{
    color: #f30;
}

.paging li:hover
{
    border: 1px solid #9A43A7;
    background-color: #fff;
}

.paging .page-x-of-y
{
    width: auto;
    padding: 0 5px 0 5px;
}

.login-panel
{
    background: url("skins/key.gif") no-repeat 10px 50%;
}

.login-panel .input, .register-panel .input
{
    width: 90%;
}
.register-panel .other-info-head
{
    border-bottom: solid 1px #ccc;
    font-weight: bold;
    padding: 5px 0;
}


.required
{
    color: #f30;
}

.detail-actions
{
    position: relative;
}

.detail-actions-area-container
{
    border: solid 1px #CE98D6;
    padding: 5px;
    position: relative;
}

.i-icon .close
{
    background-position: 0 -440px;
    position: absolute;
    right: 0px;
    top: 5px;
}




/*----------------------------------------------------*/




.icon-16
{
    background: url("skins/icon_16.gif") no-repeat;       
    padding-left:  25px;
}


.detail-actions .like
{
    background-position: 3px 6px;
}

.detail-actions .share
{
    background-position: 3px -30px;
}

.detail-actions .bookmark
{
    background-position: 50% -66px;
}



.detail-actions .comment
{
    background-position: 50% -105px;
}


.detail-actions .report
{
    background-position: 50% -140px;
}



.detail-actions .up
{
    background-position: 50% -175px;
}





.detail-actions .del
{
    background-position: 50% -705px;
}





.detail-actions .edit
{
    background-position: 50% -800px;
}




.icon-fn
{
    background: url("skins/icon_fashion.png") no-repeat;    
}

.i-icon .pregnancy
{
    background-position: 0 0;  
}

.i-icon .infant
{
    background-position: 0 -120px;  
}


.i-icon .clothes
{
    background-position: 0 -260px;  
}


.i-icon .shoes
{
    background-position: 0 -380px;  
}



.i-icon .glove-sock
{
    background-position: 0 -500px;  
}


.i-icon .scarf-hat
{
    background-position: 0 -640px;  
}



.i-icon .balo-bag
{
    background-position: 0 -780px;  
}



.ico-study
{
    background: url("skins/icon_study.png") no-repeat;    
}

.i-icon .number
{
    background-position: 0 0;    
} 


.i-icon .clay-color
{
    background-position: 0 -120px;    
} 




.i-icon .book-cd
{
    background-position: 0 -240px;    
} 



.i-icon .child-story
{
    background-position: 0 -360px;    
} 



.i-icon .animation
{
    background-position: 0 -500px;    
} 






.user-info li
{
    padding: 3px 0 3px 30px;
    border-top: 1px dotted #ccc;
}

.user-info .email
{
    background-position: 3px -215px;
}

.user-info .ym
{
    background-position: 3px -285px;
}


.user-info .info
{
    background-position: 3px -400px;
}



.user-info .skype
{
    background-position: 3px -250px;
}


.user-info .add
{
    background-position: 3px -365px;
}


.user-info .key
{
    background-position: 3px -520px;
}


.user-info .schedule
{
    background-position: 3px -480px;
}



.user-info .items
{
    background-position: 3px -605px;
}


.i-icon .ok
{
    padding-left: 20px;
    background-position: 0 -660px;
}


.i-icon .del
{
    padding-left: 20px;
    background-position: 0 -710px;
}



.nav .home
{
    background-position: 3px -369px;
}

.dropdown
{
    background: url("skins/icon_16.gif") 98% -750px;
}


.icon-24
{
    background: url("skins/icon_24.gif") no-repeat;
    height: 24px;
    line-height: 24px;
    padding: 5px 8px 5px 30px;
}

.donate
{
    position: absolute;
    right: 0px;
    background-position: 4px 4px;
    border: solid 1px #fff;
    font-size: 16px;
    background-color: #f90;
    color: #fff;
    padding: 0 8px 0 34px;
    margin-top: 2px;
    line-height: 30px;
    height: 30px;
}



.donate:hover
{
    text-decoration: none;
    background-color: #f60;
    text-shadow: 0.1em 0.1em #333;
    color: #fff;
}


.nav-top .login
{
    background-position: 0 -80px;
}


.nav-top .register
{
    background-position: 0 -120px;
}


.nav-top .help
{
    background-position: 0 -160px;
}

.nav-top .help2
{
    padding-left: 20px;
    background-position: 50% -700px;
}

.nav-top .cpanel
{
    padding-left: 20px;
    background-position: 50% -750px;
}

.nav-top .noti-new
{
    padding-left: 20px;
    background-position: 50% -800px;
}


.nav-top .noti
{
    padding-left: 20px;
    background-position: 50% -850px;
}


.comment-action .reply
{
    background-position: 0 -550px;
}


.comment-action .del
{
    background-position: 0 -600px;
}


.comment-head .comment
{
    background-position: 0 -650px;
}



.scroller .next, .scroller .prev
{
    padding: 2px;
    height: 22px;
    width: 22px;
    line-height: 22px;
    position: absolute;
    z-index: 999;
    top: 43%;
    cursor: pointer    
}



.scroller .next
{
    right: 10px;    
}

.scroller .prev-active
{
      
    background-position: 2px -910px;    
}


.scroller .prev-disabled
{
    background-position: 2px -960px;    
}



.scroller .next-active
{
      
    background-position: 2px -1010px;    
}


.scroller .next-disabled
{
    background-position: 2px -1060px;    
}


.preview-panel
{
    margin: 0;
    padding: 0;
    list-style-type: none;
    display: none;
    
}

.preview-panel li
{
    margin: 5px 5px 0 0;
    float: left;
    border: solid 1px #ccc;
    text-align: center;
    position: relative;
}


.preview-panel li:hover
{
    border-color: #999;
}

.preview-panel img
{
    padding: 5px;
}

.preview-panel li:first-child
{
    border-color: #060;
}


.preview-panel .action
{
    width: 100%;
    display: none;
    background: #fff;
    position: absolute;
    bottom: 0;
    z-index: 1;
    left: 0;
    text-align: center;
    filter: alpha(opacity=80); /* internet explorer */
    -khtml-opacity: 0.8; /* khtml, old safari */
    -moz-opacity: 0.8; /* mozilla, netscape */
    opacity: 0.8; /* fx, safari, opera */
}



#energysaving
{
    position: absolute;
    z-index: 9999;
    text-align: center;
    background: #000;
    top: 0;
    left: 0;
    display: none;
}

div#energysaving p
{
    margin: 0 auto;
    padding: 20px;
    border: solid 1px #333;
    width: 300px;
    font-size: 18px;
    color: #333333;
    position: relative;
    top: 200px;
    line-height: 20px;
    font-weight: bold;
    text-align: center;
    text-shadow: none;
}

div#energysaving p span
{
    color: #555555;
    font-size: 12px;
    font-weight: normal;
}

/*--------Loading----------------*/


.loading
{
    background: #fff url("skins/loading.gif") no-repeat center center;
    border: solid 1px #999;
    width: 150px;
    height: 60px;
    position: absolute;
    display: none;
    z-index: 9999;
}


.overlay
{
    z-index: 1;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #333;
}

label.error
{
    color: #f30;
    white-space: nowrap;
}



.pwd-strength-label
{
    display: none;
    margin-top: 10px;        
}

.pwd-strength
{
    margin: 2px 0; 
    height: 5px;
    line-height: 5px;        
    display: none         
}

.pwd-strength-0
{
    background-color: #f00;
    width: 10%    
 }


.pwd-strength-1
{
    background-color: #c06;
    width: 20%    
}


.pwd-strength-2
{
    background-color: #f60;
    width: 40%    
}


.pwd-strength-3
{
    background-color: #3c0;
    width: 60%    
}


.pwd-strength-4
{
    background-color: #3f0;
    width: 80%    
}


.pwd-strength-5
{
    background-color: #060;
    width: 100%    
}


.adv
{
    background: url("skins/adv_bg.gif") no-repeat top left;
    padding: 15px 0;
    margin: 5px 0;
}

.shareit
{
    margin-right: 4px;
}


.index-slider
{
    width: 480px;
    height: 234px;
    position: relative;
    overflow: hidden;
}


.slideshow
{
    position: relative;
    overflow: hidden;
}

#sl-paging
{
    z-index: 9999;
    position: absolute;
    bottom: 10px;
    right: 5px;
}
#sl-paging a
{
    margin-right: 5px;
    padding: 4px 10px;
    background: url("skins/icon_24.gif") no-repeat 0 -350px;
    text-decoration: none;
    text-align: center;
    color: #853991;
    font-weight: bold;
}
#sl-paging a.activeSlide, #sl-paging a:hover
{
    background-position: 0 -390px;
    color: #f30;
}

.item-list
{
    margin: 0;
    padding: 0;
}

.item-list .item
{
    clear: both;
    padding: 7px 0;
    border-bottom: dotted 1px #ccc;
    position: relative;
    display: inline-block;
}

.item-list h2 a
{
    font-weight: normal;
    font-size: small;
}


.item-list .price
{
    color: #863991;
    font-weight: bold;
}

.item-list .title-panel
{
    overflow: hidden;
    height: 65px;
}


.item-list li:last-child
{
    border-style: none;
}


.thumb-80
{
    width: 80px;
    height: 80px;
}


.thumb-85
{
    width: 85px;
    height: 85px;
}

.thumb-100
{
    width: 100px;
    height: 100px;
}


.thumb-120
{
    width: 120px;
    height: 120px;
}

.thumb-250
{
    width: 240px;
    height: 240px;
}

.thumb-50
{
    width: 50px;
    height: 50px;
}



.img-thumb
{
    position: relative;
    display: inline-block;
    background: #fff url("skins/inline_photo.png") no-repeat center center;
    padding: 3px;
    margin-right: 8px;
    border: solid 1px #ccc;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
}

.img-thumb:hover
{
    border-color: #999;
    /*
    -moz-box-shadow: 3px 3px 4px #ccc;
    -webkit-box-shadow: 3px 3px 4px #ccc;
    box-shadow: 3px 3px 4px #ccc;
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#cccccc')";
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#cccccc');
*/
  -moz-box-shadow: 0 0 3px #999;
    -webkit-box-shadow: 0 0 3px #999;
    -khtml-box-shadow: 0 0 3px #999;
    box-shadow: 0 0 3px #999;
     -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#cccccc')";
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#cccccc');


}


.thumb-view li
{
    float: left;
    text-align: center;
    position: relative;
    display: inline-block;
    width: 20%
}

.view-6 li
{
    width: 16.5%;
}

.view-4 li
{
    width: 20%;
}


.thumb-view h2
{
    font-weight: normal;
    font-size: small;
    clear: left;
    height: 34px;
    display: block;
    overflow: hidden;
    padding: 0 3px 0 3px;
}

.thumb-view .img-thumb
{
    margin: 5px 0 5px 0;    
    float: none;
}

.thumb-view .price
{
    color: #863991;
    font-weight: bold;
}

.thumb-view .more-info,.thumb-view .quote
{
    display: none;    
}



.list-view
{
    margin: 0;
    padding: 0;
}

.list-view li
{
    width: 100%;
    display: block;
    clear: both;
    padding: 7px 0 7px 3px;
    border-bottom: dotted 1px #ccc;
}


.list-view li:last-child
{
    border-bottom-style: none;
}

.list-view h2 a
{
    font-size: medium; /*color:#853991*/
}



.list-view .price
{
    color: #06f;
    font-weight: bold;
    font-size: large;
}

.list-view .desc
{
    overflow: hidden;
    height: 85px;
}

.list-view .quote
{
    text-align: justify;
    padding-right: 5px;    
}

.detail-panel
{
    border: solid 1px #CE98D6;
    padding: 10px;
}

.detail-panel .title
{
    color: #692E72;
}
.detail-panel .desc
{
    height: 183px;
    overflow: hidden;
}

.detail-panel .price
{
    font-size: large;
    color: #06f;
    font-weight: 700;
}

.detail-panel .views
{
    position: absolute;
    right: 0px;
    font-weight: 700;
    font-size: large;
    line-height: 28px;
}

.detail-panel .field
{
    border: 1px solid #DDE0E3;
}


.detail-panel .field dt
{
    color: #945A03;
    float: left;
    font-weight: 700;
    margin-left: 0;
    margin-right: 10px;
    min-width: 80px;
    text-align: left;
    width: auto !important;
}



.rss
{
    background: url("skins/rss.gif") no-repeat top right;
    line-height: 15px;
    padding-right: 40px;
}

.rss:hover
{
    text-decoration: none;
    background-position: bottom right;
}

/*
.share, .mod
{
    padding: 10px 0 10px 0;
    border-bottom: solid 1px #BDD5F5;
}



.icons-panel
{
    position: relative;
    list-style-type: none;
}
.icons-panel li
{
    float: left;
}


.share .icon, .icons-panel .icon, .mod .icon
{
    background: url("skins/icons.gif") no-repeat top left;
    line-height: 18px;
    height: 18px;
    padding: 2px 0 0 20px;
    margin-right: 8px;
}

.icons-panel a
{
    color: #999;
}

.share .commnent, .icons-panel .commnent
{
    background-position: 0 0;
}
.share .bookmark, .icons-panel .bookmark
{
    background-position: 0 -20px;
}

.share .sharing, .icons-panel .sharing
{
    background-position: 0 -40px;
}

.share .email, .icons-panel .email
{
    background-position: 0 -60px;
}

.share .print, .icons-panel .print
{
    background-position: 0 -80px;
}

*/

.mod-panel
{
    border: solid 1px #ccc;
    margin: 10px auto;
    display: none;
}

.mod a:hover
{
    text-decoration: none;
}
.mod .like
{
    background-position: 0 -100px;
}

.mod .un-like
{
    background-position: 0 -120px;
}


.mod .image
{
    background-position: 0 -140px;
}


.mod .edit
{
    background-position: 0 -160px;
}

.mod .del
{
    background-position: 0 -180px;
}


.mod .quote
{
    background-position: 0 -200px;
}


.mod .keyword
{
    background-position: 0 -220px;
}


.mod .home
{
    background-position: 0 -260px;
}


.mod .move
{
    background-position: 0 -280px;
}

.tags
{
    text-align: justify;
    border: dotted 1px #ccc;
    padding: 5px;
}


.addthis-button
{
    cursor: pointer;
    background: url("skins/iconshare.gif") no-repeat right center;
    padding: 1px 50px;
    line-height: 18px;
}


.white-space
{
    margin: 0 0 10px 0;
}

.white-b
{
    margin: 0 0 10px 0;
}
.white-t
{
    margin: 10px 0 0 0;
}


.white-bt
{
    margin: 10px auto 10px auto;
}

.comment-head
{
    padding: 5px 0;
    border-bottom: solid 2px #ce98d6;
}



.comment-list
{
}


.comment-list li
{
    border-bottom: 1px dotted #ccc;
}



.comment-list li:last-child
{
    border-bottom-style: none;
}


.comment-list .avatar, .feedback-box .avatar
{
    border: 1px solid #ccc;
    padding: 1px;
    width: 60px;
    height: 60px;
    float: left;
    margin-right: 8px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
}

.comment-list .body
{
    padding: 6px;
}


.comment-list .msg
{
    color: #333;
    text-align: justify;
}

.comment-list .comment-action
{
    margin-top: 5px;
    text-align: right;
}

.comment-action a
{
    padding: 5px 0px 5px 24px;
    cursor: pointer;
}

.comment-action a:hover
{
    text-decoration: none;
}


.comment-list .datetime
{
    color: #999;
}

.comment-list .replies
{
    margin: 0 0 0 20px;
    background: url("skins/comment_child_arrow.gif") no-repeat left top;
}


.comment-list .replies ul
{
    background: url("skins/comment_child_arrow.gif") no-repeat left top;
    padding-top: 7px;
}


.comment-list .replies li
{
    background-color: #fff;
    border: 1px solid #e6e8dd;
    margin-bottom: 5px;
}


.comment-list .replies li:first-child
{
    border-top: none;
}


.comment-list .replies .avatar
{
    width: 40px;
    height: 40px;
}

.feedback-box
{
    background: #F1F3F5;
    padding: 10px;
}

.feedback-box .placeholder
{
    border: solid 1px #ccc;
    background: #fff;
    padding: 5px;
    margin: 5px 0;
}


.feedback-box textarea
{
    height: 55px;
    width: 630px;
    min-height: 55px;
    max-height: 250px;
    margin: 0;
}


.feedback-box .button
{
    background: #fff;
    font-weight: 800;
    padding: 5px 10px;
    margin: 0 0 0 5px;
}


.msg
{
    color: #f30;
}


.date-time
{
    color: #999;
}




#footer
{
    height: 300px;
    border-top: solid 3px #af59bc;
    background: #f0f0f0;
    color: #666;
    line-height: 18px;
}

#footer span
{
    text-shadow: 0 1px 0 #FFFFFF;
    margin-top: 5px;
    color: #666;
}


